/*=S 自定义鹰眼样式 */
.ol-custom-overviewmap,
.ol-custom-overviewmap.ol-uncollapsible {
  bottom: 0;
  /* 左下角显示 */
  left: 0;
  right: auto;
  top: auto;
}
/* 鹰眼控件展开时控件外框的样式 */
.ol-custom-overviewmap:not(.ol-collapsed) {
  border: 1px solid black;
}
/* 鹰眼控件中地图容器样式 */
.ol-custom-overviewmap .ol-overviewmap-map {
  border: none;
  /*width: 300px;*/ /*此处不限制宽度，以免导致地图变形*/
}
/* 鹰眼控件中显示当前窗口中主图区域的边框 */
.ol-custom-overviewmap .ol-overviewmap-box {
  border: 2px solid red;
}
/* 鹰眼控件展开时其控件按钮图标的样式 */
.ol-custom-overviewmap:not(.ol-collapsed) button {
  bottom: 1px;
  left: 1px;
  right: auto;
  top: auto;
}

/*地图量算服务*/
/**
      * 提示框的样式信息
      */
.tooltip {
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  color: white;
  padding: 4px 8px;
  opacity: 0.7;
  white-space: nowrap;
}

.tooltip-measure {
  opacity: 1;
  font-weight: bold;
}

.tooltip-static {
  background-color: #ffcc33;
  color: black;
  border: 1px solid white;
}

.tooltip-measure:before,
.tooltip-static:before {
  border-top: 6px solid rgba(0, 0, 0, 0.5);
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  content: '';
  position: absolute;
  bottom: -6px;
  margin-left: -7px;
  left: 50%;
}

.tooltip-static:before {
  border-top-color: #ffcc33;
}

/*覆盖ol-ext原生的图层管理面板空间的相关样式*/
.hideOpacity .layerswitcher-opacity
{
    display:none;
}

.hideOpacity .ol-layerswitcher .layerup
{
    height: 1.5em;
}

.hidePercent .layerSwitcher .ol-layerswitcher .layerswitcher-opacity-label {
    display: block;
}

.ol-header > div
{
    width:100%;
}
.toggleVisibility
{
    padding-left: 1.6em;
    cursor: pointer;
    border-bottom: 2px solid #369;
    margin-bottom: 0.5em;
}
.toggleVisibility:before
{
    background-color: #fff;
    border: 2px solid #369;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 1.2em;
    left: 0.1em;
    margin: 0;
    position: absolute;
    width: 1.2em;
}
.toggleVisibility.show:before
{
    background: #369;
}

.layerSwitcher{
    display:none;
}

/*覆盖ol-ext原生的图例控件样式*/
.ol-control.ol-legend {
    top: 4.5em;
    bottom: inherit; /*相当于把原来的bottom给取消掉了*/
    left: .5em;
    z-index: 1;
    max-height: 90%;
    max-width: 90%;
    overflow-x: hidden;
    overflow-y: hidden;
    background-color: rgb(240, 240, 238); /*#F0F0EE*/
    display:none;
}



/* 基于ol-ext的popup style */
.ol-popup
{
  /*max-width:300px;*/   /*暂不限制宽度*/
  min-width:100px;
  min-height:1em;
  max-height:450px;  /*限制高度，以免偏离视图太远*/
}
/* Image on popup */
.ol-popup img
{	float: left;
  margin: 0 0.5em 0 0;
  max-width: 100px;
  max-height: 100px;
}
/* no image content tooltips */
.ol-popup.tooltips img
{	display:none;
}

/* Custom orange style (tips) */
.ol-popup.tips.orange
{	border-color:#da7;
  background-color:#eca;
}
.ol-popup.tips.orange .anchor::before
{	border-color: #da7 transparent;
}
.ol-popup-middle.tips.orange .anchor::before
{	border-color: transparent #da7;
}

/* orange style (default) */
.ol-popup.default.orange
{	border:4px solid #f96;
}
.ol-popup.default.orange .anchor {
  margin: -15px 18px;
}
.ol-popup.default.orange .anchor::after
{	margin: 6px /*border:4 +2 px */ -9px;
}
.ol-popup-middle.default.orange .anchor::after
{	margin: -9px 6px /*border:4 +2 px */;
}
.ol-popup.default.orange .anchor::before
{	border-color: #f96 transparent;
}
.ol-popup-middle.default.orange .anchor::before
{	border-color: transparent #da7;
}
.ol-popup.default.orange .closeBox
{	background-color: rgba(255, 153, 102, 0.7);
}
.ol-popup.default.orange .closeBox:hover
{	background-color: rgba(255, 153, 102, 1);
}
